// body {
//   padding: 0;
//   margin: 0;
// }
a {
  text-decoration: none;
}
li {
  list-style: none;
}
// .detail {
//   display: flex;
//   flex-direction: column;
//   height: 100vh;
//   .content {
//     flex: 1;
//     overflow: auto;
//   }
// }
.container {
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  background-color: rgba(220, 220, 220, 0.24);
  .main {
    flex: 1;
    overflow: auto;
    .p-item {
      display: flex;
      background-color: white;
      border-radius: 8px;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding: 16px;
      margin: 16px;
      p {
        text-align: center;
      }
      img {
        width: 30vw;
        // display: block;
        margin: 8px auto;
        border-radius: 8px;
      }
    }
  }
  .loading {
    display: flex;
    align-items: center;
    gap: 8px;
    .t-s {
      background-color: rgba(128, 128, 128, 0.199);
    }
    .t-img {
      width: 200px;
      height: 200px;
    }
    .t-title {
      width: 80vw;
      height: 40px;
    }
  }
}
img {
  max-width: 100%;
}
